<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title><?php echo $self['name'] ?></title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
	<meta content="yes" name="apple-mobile-web-app-capable"/>
	<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	<meta content="telephone=no" name="format-detection"/>
    <?php 
    	include 'public/views/header.php';
    	include 'public/home/html/mobile_select.php';
    	include 'public/home/html/lazy_load.php';
    	include 'public/home/html/alert.php';
    ?>
	<script src="public/home/js/searchArticle.js"></script>
	<script src="public/home/js/function.js"></script>
</head>
<style type="text/css">
	*{
		font-size: 14px;
	}
	a{
		color:#999!important;
		text-decoration: none;
	}
	body{
		background-color: white;
		max-width:400px;
		margin:auto;
	}

	/*顶部，标题*/
	.head{
		width: 100%;
		height: 60px;
		background: #f2f2f2;
	}
	.head .col-xs-3,.head .col-xs-6{
		height:60px;
	}
	.head .col-xs-6{
		text-align: center;
	}
	.head .col-xs-3 img{
		height: 26px;
		width: 30px;
		margin-top: 17px;
	}
	.head .col-xs-6 img{
		height: 50px;
		width: auto;
		 margin-top: 5px;
	}
	.title{
		width:88%;
		margin-left:6%;
		margin-top: 20px;
	}
	.title-font{
		color: #a53942;
		font-weight:bold;
		font-size:16px;
	}
	.title-line{
		height: 3px;width:18px;background: #a53942;
	}


	/*搜索*/
	.search-border{
		height: 35px;
		width: 40%;
		border: 1px solid #dcdcdc;
		border-radius: 5px;
		margin:20px 6%;
		margin-right:0px;
		line-height:35px;
		padding:0px 10px;
		display: inline-block;
	}
	.search-border .search-val{
		width: 80%;
		padding-left:10%;
		color:#959191;
		overflow: hidden;
		height:35px;
	}
	.search-border-item{
		float: left;
	}
	.search-border-item i{
		color:#959191;
	}

	.search-result{
		width:88%;
		height:30px;
		line-height: 30px;
		margin-left:6%;
		color:#959191;
		font-size:13px;
		display: none;
		word-wrap : break-word ;
	}

	/*全部，置顶文章*/
	.top-article{
		
		padding-top:20px;
	}
	.top-article-item{
		width:88%;
		margin-left:6%;
		height:150px;
		margin-bottom:20px;
		/*box-shadow: 0px 0px 6px #999;*/
		border-radius: 2px;
	}
	.top-article-item img{
		width: 100%;
		height: 150px;
	}
	.top-article-item-title{
		margin-top:-50px;
		color: #FFFFFF;
		padding-left:5%;
		background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
		/*background: red;*/
		position: relative;
		/*z-index:1;*/
		height:50px;
		padding-top: 15px;
	}


	/*搜索结果文章*/
	.search-article{
		padding-top:20px;
		width:100%;
		/*display: none;*/
	}
	.search-article-item-1{
		height:150px;
		width:88%;
		margin-left:6%;
		margin-bottom:20px;
		/*box-shadow: 0px 0px 6px #999;*/
		/*margin-bottom:20px;*/
		float: left;
	}
	.search-article-item-1 img{
		height:150px;
		width:100%;
	}
	.search-article-item-1-title,.search-article-item-1-introduction{
		color:#fff;
		font-size:14px;
		height:35px;
		line-height: 55px;
		text-indent: 10px;
	}
	.search-article-item-1-introduction{
		/*color:#999;*/
		font-size:13px;
		line-height: 30px;
	}
	.search-article-item-1-title-box{
		float: left;
		background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
		width:100%;
		margin-top: -70px;
		position: relative;
	}
	.search-article-item-1-title i{
		font-weight:400;
		color:#888;
		font-size:18px;
	}

	.search-article-item-2{
		width:41%;
		margin-left:6%;
		margin-bottom:20px;
		height:150px;
		/*display: inline-block;*/
		float: left;
	}
	.search-article-item-2 img{
		height:150px;
		width:100%;
	}
	.search-article-item-2-title{
		height:35px;
		width:100%;
		color:#fff;
		font-size:12px;
		word-wrap : break-word ;
		padding-top:8px;
		float: left;
		background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
		margin-top: -35px;
		position: relative;
		padding:10px;
	}

	.search-article-item-3{
		width:88%;
		margin-left:6%;
		height:20px;
		line-height: 20px;
		font-size:14px;
		margin-bottom: 10px;
		float: left;
	}


	/*底部合作商*/
	.link-border{
		margin: 5%;
		border-radius: 5px;
		border: 1px solid #c8c4c4;
		padding:5%;
		text-align: center;
	}
	.link-border img{
		padding-top: 5%;
		width: 100%
	}


	/*加载中*/
	.load{
	    font-size: 45px;
	    margin-top: 30px;
	    margin-bottom: 30px;
	    margin-left: 45%;
	}
</style>
<body>
	<!-- demo -->
	<!-- 置顶文章demo -->
	<div class="top-article-demo hide">
		<div class="top-article-item">
			<a href=""><img src="" data-src="" alt=""></a>
			<div class="top-article-item-title"></div>
		</div>
	</div>

	<!-- 搜索文章demo（3个） -->
	<div class="search-article-demo-1 hide">
		<div class="search-article-item-1">	
			<a href="">
				<img src="" data-src="" alt="">	
				<div class="search-article-item-1-title-box">
					<div class="search-article-item-1-title"><i class="icon-angle-right"></i></div>
					<div class="search-article-item-1-introduction"></div>
				</div>
			</a>
		</div>
	</div>
	<div class="search-article-demo-2 hide">
		<div class="search-article-item-2">
			<a href="">
				<img src="" data-src="" >
				<div class="search-article-item-2-title"></div>
			</a>
		</div>
	</div>
	<div class="search-article-demo-3 hide">
		<div class="search-article-item-3"><a href=""></a></div>
	</div>

	<input type="hidden" id="park_id" value="<?php echo $park_id ?>"/>
	<input type="hidden" id="article_type_id" value="<?php echo $self['id']; ?>">
	<div class="head">
		<div class="col-xs-3"><img src="<?php echo base_url().'/public/home/images/pic/'?>detail.png" alt="" class="show-index"></div>
		<div class="col-xs-6"><img src="<?php echo $_SESSION[SESS_CONFIG][DicKey::Logo[XPHEnum::Value]]['dic_value'] ?>" alt=""></div>
		<div class="col-xs-3"></div>
	</div>

	<div class="head-banner">
		<?php echo $self['rich_text'] ?>
	</div>

	<div class="title">
		<div class="title-font"><?php echo $self['name'] ?></div>
		<div class="title-line"></div>
	</div>

	<div>
		<div class="search-border">
			<div class="search-border-item"><i class="icon-search"></i></div>
			<div class="search-border-item search-val" id="city">国家/省/市</div>
			<div class="search-border-item"><i class="icon-remove" id="icon-remove-city"></i></div>
		</div>
		<div class="search-border">
			<div class="search-border-item"><i class="icon-search"></i></div>
			<div class="search-border-item search-val" id="type">类型</div>
			<div class="search-border-item "><i class="icon-remove" id="icon-remove-type"></i></div>
		</div>		
	</div>
	<!-- <div class="search-result">共<lable></lable>个作品&nbsp&nbsp筛选条件：<lable></lable></div> -->
	<div class="search-result">共<lable></lable>个作品</div>
	
	<i class="icon-spinner icon-spin load"></i>
	
	<!-- 初始置顶文章 -->
	<div class="top-article"></div>
	
	<div class="link">
		<!-- 合作 -->
		<div class="title">
				<div class="title-font">战略合作伙伴</div>
				<div class="title-line"></div>
		</div>
		<div class="link-border">
			<div >高端独家</div>
			<div><img src="<?php echo base_url().'/public/home/images/pic/'?>link1.png" data-src="<?php echo base_url().'/public/home/images/pic/'?>link1.png" alt=""></div>
		</div>
		<div class="link-border">
			<div >高端战略</div>
			<div><img src="<?php echo base_url().'/public/home/images/pic/'?>link2.png" data-src="<?php echo base_url().'/public/home/images/pic/'?>link2.png" alt=""></div>
		</div>
		<div class="link-border">
			<div >酒店合作伙伴</div>
			<div><img src="<?php echo base_url().'/public/home/images/pic/'?>link3.png" data-src="<?php echo base_url().'/public/home/images/pic/'?>link3.png" alt=""></div>
		</div>
	</div>

	<!-- 文章搜索结果 -->
	<div class="search-article">
			
	</div>

	
	<div class="select_box select-box1"></div>
	<div class="select_box select-box2"></div>


		<!-- index iframe -->
		<div class="zhezhao" style="position:fixed; z-index:999; background: rgba(0,0,0,0.5); display: none; top:0px; left:0px;"></div>
		<iframe class="index-iframe" src="<?php echo base_url() ?>Home/Index/Index?park_id=<?php echo $_GET['park_id'] ?>" frameborder="0" style="position: fixed; z-index:1000; top:0px;"></iframe>
	</body>
	<script>
		$(function(){
			$('.index-iframe').css('left','-'+(Number($(window).width())*0.8)+'px').width(Number($(window).width())*0.8);
			setWindow();
			$(window).resize(function(){
				setWindow();
			});
			$('.show-index').click(function(){
				$('.zhezhao').show();
				$('.index-iframe').animate({left:'0px'});
			});
		})
		function setWindow(){
			$('.zhezhao').height($(window).height()).width($(window).width());
			$('.index-iframe').height($(window).height());
		}
	</script>
</body>
</html>
